<!doctype html>
<html>
	<head>
		<title>WebUI - Serve a Folder Example</title>
		<script src="webui.js"></script>
		<style>
			body {
				background: linear-gradient(to left, #36265a, #654da9);
				color: AliceBlue;
				font: 16px sans-serif;
				text-align: center;
				margin-top: 30px;
			}
			button {
				margin: 5px 0 10px;
			}
		</style>
	</head>
	<body>
		<h1>WebUI - Serve a Folder Example</h1>
		<br />
		<div>
			<p>Click on the link to switch the page</p>
			<a href="second.html">Switch page link</a>
		</div>
		<div>
			<p>Or click on the button to switch the page programmatically</p>
			<button id="switch-to-second-page">Switch page programmatically</button>
		</div>
		<div>
			<p>Open the second page in another window</p>
			<button id="open-new-window">Open Second Window</button>
		</div>
	</body>
</html>
